<!doctype html>
<jsp:directive.page import="com.cn.ccp.bean.UserBean" />
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<html>
<f:view>
<f:loadBundle var="messages" basename="messages"></f:loadBundle>
<head>
<meta charset="utf-8">
<title><h:outputText value="#{messages['system_title']}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- styles -->
    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="<%=request.getContextPath()%>/js/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
   <%
		UserBean users = (UserBean) session.getAttribute("userBean");
			if ((users == null) || (users.getUserName().equals(""))) {
	%>
		<jsp:forward page="../../../sessionInvalid.jsp" />
	<%
	}
	%>
	<script type="text/javascript">
		function showMobileDiv(){
			//$("#mobileid").click();
		}
	</script>
</head>

<body class="bg-white" style="overflow-x:hidden;">
<a id="viewDiv"></a>	 
		<div class="row page-head">
			<h3 class="page-title">
				<i class="n-icon-selection  n-icon-black"></i><h:outputText value="#{messages['course_page_approve_title']}"/>&nbsp;&gt;&nbsp;<b><h:outputText value="#{messages['course_page_approve_action_approve']}" /></b>
			</h3>
		</div>
		<div style="margin-left: 20px;margin-right: 20px">
			 <h:form styleClass="form-horizontal">
			 	 <h:inputHidden value="#{courseReleaseApprovalAction.bean.id}"></h:inputHidden>
	              <fieldset>
	                
	                <div class="form-white label-auto">
	                    <div class="control-group  no-mb">
	                      <label class="control-label" for=""><h:outputText value="#{messages['course_page_course_name']}"/></label>
	                      <div class="controls">
	                        <label class="control-label label-w-auto"><h:outputText value="#{courseReleaseApprovalAction.bean.course_name}"></h:outputText></label>
	                        <span class="help-inline"></span>
	                      </div>
	                    </div>
	                    <div class="control-group  no-mb">
	                      <label class="control-label" for=""><h:outputText value="#{messages['course_page_approve_course_specialty']}"/></label>
	                      <div class="controls">
	                        <label class="control-label label-w-auto"><h:outputText value="#{courseReleaseApprovalAction.bean.specialty_name}"></h:outputText></label></label>
	                        <span class="help-inline"></span>
	                      </div>
	                    </div>
	                    <div class="control-group  no-mb">
	                      <label class="control-label" for=""><h:outputText value="#{messages['course_page_approve_course_owner']}"/></label>
	                      <div class="controls">
	                        <label class="control-label label-w-auto"><h:outputText value="#{courseReleaseApprovalAction.bean.teacherName}"></h:outputText></label>
	                        <span class="help-inline"></span>
	                      </div>
	                    </div>
	                    <div class="control-group no-mb">
	                      <label class="control-label" for=""><h:outputText value="#{messages['course_page_course_des']}"/></label>
	                      <div class="controls">
	                        <label class="control-label label-w-auto">
	                        	<h:outputText value="#{courseReleaseApprovalAction.bean.descripte}"  escape="false"  ></h:outputText>
	                        </label>
	                        <span class="help-inline"></span>
	                      </div>
	                    </div>
	                    
	                    <div class="control-group no-mb">
	                      <label class="control-label" for=""><h:outputText value="#{messages['course_page_approve_opinion']}"/></label>
	                      <div class="controls">
	                        <label class="control-label label-w-auto">
	                        	<h:inputTextarea value="#{courseReleaseApprovalAction.approvalOpinion}" rows="3" disabled="true"></h:inputTextarea>
	                        </label>
	                        <span class="help-inline"></span>
	                      </div>
	                    </div>
	                    
	                    <h:commandLink action="#{courseAction.goUpdate}" styleClass="btn btn-primary" >
							<h:outputText value="#{messages['btn_edit']}"></h:outputText>
							<f:param name="id" value="#{courseReleaseApprovalAction.bean.id}" />
						</h:commandLink>
	                    
	                    <h:commandButton styleClass="btn" action="main" value="#{messages['btn_back']}" immediate="true"></h:commandButton>
	                </div>
	              </fieldset>
	              <legend>
		           	<h:outputText value="#{messages['course_page_approve_history']}"></h:outputText>
		           </legend>
		            <div class="table-white">
						<h:dataTable id="listtableinfo"
							value="#{courseReleaseApprovalAction.approveList}" var="cour" cellpadding="2"
							cellspacing="1" styleClass="table table-hover" >
							<h:column>
								<f:facet name="header">
									<h:outputText value="#{messages['course_page_approve_time']}"></h:outputText>
								</f:facet>
								<h:outputText value="#{cour.time}"></h:outputText>
							</h:column>
							<h:column>
								<f:facet name="header">
									<h:outputText value="#{messages['course_page_approve_course_user']}"></h:outputText>
								</f:facet>
								<h:outputText value="#{cour.username}"></h:outputText>
							</h:column>
							<h:column >
								<f:facet name="header">
									<h:outputText value="#{messages['course_page_approve_opinion']}"></h:outputText>
								</f:facet>
								<h:outputText value="#{cour.option}"></h:outputText>
							</h:column>
						</h:dataTable>
					</div>
	            </h:form>
	 	</div>
	<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		//document.getElementById('viewDiv').scrollIntoView();
	});
	</script>
</body>
</f:view>
</html>
